// 从react里面解构的东西，首字母大写的是组件，首字母小写的是方法
// import React, { Component, Fragment } from "react";
import React, { Component } from "react";

import Header from "./Header";

// 用函数组件来定义头部
// const Header = () => {
//   return <header>这是头部</header>;
// };

// 用类组件来定义内容组件
class Content extends Component {
  render() {
    return <main>这是内容</main>;
  }
}

// 用类组件定义App组件
class App extends Component {
  render() {
    // 组件定义好了是可以直接使用的，不需要注册
    // 每一个元素都必须要有一个根元素
    // Fragment表示占位标签
    return (
      <>
        <Header />
        <Content />
      </>
    );
  }
}

export default App;
